﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="BigBanner.ascx.vb" Inherits="FrontEnd_Control_News_BigBanner" %>
<!-- slide news -->

<script type="text/javascript">


    $(document).ready(function () {
        $(".button-control action-stop").css("display", "none");
        var buttons = { previous: $('#jslidernews2 .button-previous'),
            next: $('#jslidernews2 .button-next')
        };
        $('#jslidernews2').lofJSidernews({ interval: 5000,
            easing: 'easeInOutQuad',
            duration: 1200,
            auto: true,
            mainWidth: 500,
            mainHeight: 300,
            navigatorHeight: 100,
            navigatorWidth: 250, //310
            maxItemDisplay: 3,
            buttons: buttons
        });
    });
			
</script>
<div class="box_bannerslide_news">
    <div id="jslidernews2" class="lof-slidecontent" style="width: 740px; height: 300px;">
        <div class="preload">
            <div>
            </div>
        </div>
        <div class="button-previous">
            Previous</div>
        <!-- MAIN CONTENT -->
        <div class="main-slider-content" style="width: 509px; height: 300px;">
            <ul class="sliders-wrap-inner">
                <asp:Repeater ID="rptShow" runat="server">
                    <ItemTemplate>
                        <li>
                            
                               <asp:HyperLink ID="hplImg" runat="server"> <asp:Image ID="img" BorderWidth="0px" runat="server" CssClass="ImageBig" /> </asp:HyperLink>
                            
                            <div class="slider-description">
                                <div class="slider-meta">
                                    
                                   
                                  <asp:HyperLink ID="hplTile"   runat="server" >
                                        
                                        <asp:Literal ID="ltrDes" Text="" runat="server"></asp:Literal>
                                        
                                        
                                    </asp:HyperLink>
                               

                            </div>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
        <!-- END MAIN CONTENT -->
        <!-- NAVIGATOR -->
        <div class="navigator-content">
            <div class="navigator-wrapper">
                <ul class="navigator-wrap-inner">
                    <asp:Repeater ID="rptNote" runat="server">
                        <ItemTemplate>
                            <li>
                                <div>
                                    <asp:Image ID="img" runat="server" />
                                    <h3>
                                        <asp:Literal ID="ltrTitle" Text="" runat="server"></asp:Literal>
                                    </h3>
                                    
                                    <asp:Literal ID="ltrDes" Text="" runat="server"></asp:Literal>
                                </div>
                            </li>
                        </ItemTemplate>
                    </asp:Repeater>
                </ul>
            </div>
        </div>
        <!----------------- END OF NAVIGATOR --------------------->
        <div class="button-next">
            </div>
        <!-- BUTTON PLAY-STOP -->
        <div class="button-control">
            <span></span>
        </div>
        <!-- END OF BUTTON PLAY-STOP -->
    </div>                       
</div>
